<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <title>趋数-智能人岗匹配系统</title>
    <link rel = "stylesheet" href = "../static/common.css">
    <link rel = "stylesheet" href = "../static/main.css">
    <link rel = "stylesheet" href = "../static/bootstrap-4.0.0/dist/css/bootstrap.min.css">
    <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel = "icon" type = "image/x-icon" href = "../static/images/bitbug_favicon.ico"/>
</head>
<body>
<div class = "app-container">
    <div class = "menu-container">
        <div class = "user-profile">
            <span>
                {% if user %}
                {{user.username}} <a href = "/login.html" style = "font-size:13px;">退出</a>
                {% else %}
                游客模式
                {% endif %}
            </span>
        </div>
        <div>
            <ul class = "menu-list">
                <li class = "active"><a href = "main.html">简历搜索</a></li>
                <li class = ""><a href = "contact.html">联系方式</a></li>
                <li class = ""><a href = "sysconfig.html">系统设置</a></li>
                {% if user['role'] == 'admin' %}
                <li class = ""><a href = "admin.html">管理员</a></li>
                {% endif %}
            </ul>
        </div>
    </div>
    <div class = "pane-container">
        <form>
            <div class = "form-row">
                <div class = "form-group col-md-5">
                    <label for = "job-title">职位名称</label>
                    <input type = "text" class = "form-control" id = "job-title" placeholder = "多个名称请用逗号分开,尽量简洁">
                </div>
                <div class = "form-group col-md-3">
                    <label for = "job-city">工作地点</label>
                    <input type = "text" class = "form-control" id = "job-city" placeholder = "可多个，逗号隔开">
                </div>
                <div class = "form-group col-md-2">
                    <label for = "job-salary">薪资待遇</label>
                    <input type = "text" class = "form-control" id = "job-salary" placeholder = "薪资之间逗号隔开">
                </div>
                <div class = "form-group col-md-2">
                    <label for = "job-exp">工作经验</label>
                    <input type = "text" class = "form-control" id = "job-exp" placeholder = "年限之间逗号隔开">
                </div>
            </div>
            <div class = "form-row">
                <div class = "form-group col-md-3">
                    <label for = "job-industry">行业背景倾向</label>
                    <input type = "text" class = "form-control" id = "job-industry" placeholder = "点我选择">
                </div>
                <div class = "form-group col-md-4">
                    <label for = "job-industry">企业定向搜索</label>
                    <input type = "text" class = "form-control" id = "job-history-comp" placeholder = "可多个，逗号隔开">
                </div>
                <div class = "form-group col-md-3">
                    <label for = "job-edu">学历</label>
                    <input type = "text" class = "form-control" id = "job-edu" placeholder = "可多个，逗号隔开">
                </div>
                <div class = "form-group col-md-2">
                    <div class = "form-check" style = "margin-top:36px;margin-left:30px;">
                        <input class = "form-check-input" type = "checkbox" value = "" id = "brandUniversity">
                        <label class = "form-check-label" for = "brandUniversity">
                            985/211
                        </label>
                    </div>
                </div>
            </div>
            <div class = "form-group">
                <label for = "job-descriptio">职位描述</label>
                <textarea class = "form-control" id = "job-description" rows = "15" placeholder = "请在此处输入职位具体描述，越具体越好~_~"></textarea>
            </div>
            <div style = "text-align:right;">
                <button type = "button" class = "btn btn-danger" id = "match">开始匹配</button>
                <button type = "button" class = "btn btn-light" id = "reset">重置</button>
            </div>
        </form>
        <div class = "match-result-container hidden">
            <table class = "table">
                <thead>
                <tr>
                    <th scope = "col">#</th>
                    <th scope = "col" style = "">岗位名称</th>
                    <th scope = "col" style = "min-width:80px;">学历</th>
                    <th scope = "col" style = "min-width:70px;">年龄</th>
                    <th scope = "col" style = "min-width:100px;">工作经验</th>
                    <th scope = "col" style = "min-width:180px;">期望薪资</th>
                    <th scope = "col">目标城市</th>
                    <th scope = "col">简历平台</th>
                    <th scope = "col" style = "min-width:200px;">当前状态</th>
                </tr>
                </thead>
                <tbody>
                <!--<tr>-->
                <!--<th scope = "row">0</th>-->
                <!--<td>爬虫开发工程师</td>-->
                <!--<td>本科</td>-->
                <!--<td>24岁</td>-->
                <!--<td>2年</td>-->
                <!--</tr>-->
                <!--<tr>-->
                <!--<th scope = "row">1</th>-->
                <!--<td>爬虫</td>-->
                <!--<td>本科</td>-->
                <!--<td>29岁</td>-->
                <!--<td>5年</td>-->
                <!--</tr>-->
                <!--<tr>-->
                <!--<th scope = "row">2</th>-->
                <!--<td>Python爬虫工程师</td>-->
                <!--<td>大专</td>-->
                <!--<td>23岁</td>-->
                <!--<td>1年</td>-->
                <!--</tr>-->
                <!--<tr>-->
                <!--<th scope = "row">3</th>-->
                <!--<td>爬虫</td>-->
                <!--<td>大专</td>-->
                <!--<td>29岁</td>-->
                <!--<td>7年</td>-->
                <!--</tr>-->
                <!--<tr>-->
                <!--<th scope = "row">4</th>-->
                <!--<td>python爬虫开发工程师</td>-->
                <!--<td>本科</td>-->
                <!--<td>29岁</td>-->
                <!--<td>7年</td>-->
                <!--</tr>-->
                <!--<tr>-->
                <!--<th scope = "row">5</th>-->
                <!--<td>python爬虫工程师/python开发工程师</td>-->
                <!--<td>大专</td>-->
                <!--<td>22岁</td>-->
                <!--<td>1年</td>-->
                <!--</tr>-->
                <!--<tr>-->
                <!--<th scope = "row">6</th>-->
                <!--<td>Python爬虫开发工程师</td>-->
                <!--<td>本科</td>-->
                <!--<td>27岁</td>-->
                <!--<td>2年</td>-->
                <!--</tr>-->
                <!--<tr>-->
                <!--<th scope = "row">7</th>-->
                <!--<td>python爬虫工程师</td>-->
                <!--<td>本科</td>-->
                <!--<td>25岁</td>-->
                <!--<td>3年</td>-->
                <!--</tr>-->
                <!--<tr>-->
                <!--<th scope = "row">8</th>-->
                <!--<td>Python爬虫工程师</td>-->
                <!--<td>大专</td>-->
                <!--<td>21岁</td>-->
                <!--<td>1年</td>-->
                <!--</tr>-->
                <!--<tr>-->
                <!--<th scope = "row">9</th>-->
                <!--<td>爬虫开发工程师</td>-->
                <!--<td>大专</td>-->
                <!--<td>28岁</td>-->
                <!--<td>5年</td>-->
                <!--</tr>-->
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class = "industry-label-modal hidden">
    <div class = "industry-label-modal-inner">
        <i class = "fa fa-close"></i>
        <div class = 'industry-label-modal-inner-header'>
            <div class = "form-group">
                <input type = "text" class = "form-control" id = "label-search-input" placeholder = "行业标签搜索" style = "border-radius:30px;">
            </div>
        </div>
        <div class = "industry-selected-labels-container">
            <span>已选择标签:</span>
            <!--<button type = "button" class = "btn btn-danger" style = "border-radius:25px;">Danger</button>-->
            <!--<button type = "button" class = "btn btn-danger" style = "border-radius:25px;">Danger</button>-->
            <!--<button type = "button" class = "btn btn-danger" style = "border-radius:25px;">Danger</button>-->
            <!--<button type = "button" class = "btn btn-danger" style = "border-radius:25px;">Danger</button>-->
        </div>
        <div class = "industry-labels-container">

        </div>
    </div>
</div>
<script src = "../static/js/jquery.min.js"></script>
<script src = "../static/main.js"></script>
</body>
</html>